<%--
  Created by IntelliJ IDEA.
  User: zjk
  Date: 2018-08-04
  Time: 14:42
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>客户需求详情表单</title>
    <link rel="shortcut icon" href="easyui/css/images/favicon.ico" />
    <link rel="stylesheet" href="css/flipclock.css">
    <link href="css/CalcSS3.css" rel="stylesheet" type="text/css" />
    <link href="css/index.css" rel="stylesheet" type="text/css" />
    <link href="easyui/css/easyui.css" rel="stylesheet" type="text/css">
    <link href="easyui/css/easyui_animation.css" rel="stylesheet" type="text/css">
    <link href="easyui/css/easyui_plus.css" rel="stylesheet" type="text/css">
    <link href="easyui/css/insdep_theme_default.css" rel="stylesheet" type="text/css">
    <link href="easyui/css/icon.css" rel="stylesheet" type="text/css">
    <link href="easyui/css/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">

    <!-- 引入 ECharts 文件 -->
    <script src="js/echarts.js"></script>
    <!--放入自定义的图表-->
    <script src="js/monitor.js"></script>
    <script type="text/javascript" src="easyui/js/jquery.min.js"></script>
    <script type="text/javascript" src="easyui/js/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="easyui/js/jquery.insdep-extend.min.js"></script>
</head>
<body>

<div class="easyui-layout"  data-options="fit:true, border:false">
    <div data-options="region:'center'" style="padding:5px;">
        <form id="need-details-f">
        <table class="utils-table" border="0">

            <tr>
                <td>需求主题：</td>
                <td colspan="3" class="content-td" style="text-align: left;" ><input name="needTheme" readonly="readonly" /></td>
            </tr>
            <tr>
                <td>客户：</td>
                <td colspan="3" class="content-td" style="text-align: left;" ><input id="zjk-need-details-client" class="easyui-textbox" data-options="border:false" name="clientId" readonly="readonly" style="border-style:none;border: 0px;"/></td>
            </tr>
            <tr>
                <td>联系人：</td>
                <td colspan="3" class="content-td" style="text-align: left;" ><input id="zjk-need-details-contact" class="easyui-textbox" data-options="border:false" name="contactId" readonly="readonly" /></td>
            </tr>
            <tr>
                <td>对应机会：</td>
                <td colspan="3" class="content-td" style="text-align: left;" ><input id="zjk-need-details-chance" class="easyui-textbox" data-options="border:false" name="chanceId" readonly="readonly" /></td>
            </tr>
            <tr>
                <td>重要程度：</td>
                <td class="content-td" style="text-align: left;" ><input name="importance"  readonly="readonly" /></td>
                <td>记录时间：</td>
                <td class="content-td" style="text-align: left;" ><input name="recordTime" readonly="readonly" /></td>
            </tr>
            <tr>
                <td>具体需求：</td>
                <td  colspan="3" style="text-align: left;">
                    <textarea rows="5" cols="80" name="needContent" style="border: 0px;padding: 5px" disabled></textarea>
                </td>
            </tr>


        </table>
        </form>
    </div>
</div>
<script>
    $(function () {
        $("#zjk-need-details-client").textbox({
           value:function(value){
                var result;
                $.ajax({
                    url:'get-client-name',
                    async:false,//改为同步请求
                    type:'POST',
                    data:{clientId:value},
                    success:function(e){
                        result = e;
                    }
                });
                return result;
            }
        });

    });
</script>
</body>
</html>
